<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>付费视频商城 | 关于我们</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/comm.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/vue.js"></script>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/Aboutus.css">
</head>
<body>
<!--引入公共头部-->
<div id="header"></div>
<div class="container">
    <div class="row no-gutters">
        <div class="col-lg-9 col-md-12 auto" >
            <div class="my-5 big">
                <span class="text">平台介绍</span>
                <span class="text2">/</span>
                <span class="text2">ABOUT</span>
            </div>
            <p class="text4">使用本系统可以快速的搭建出一个付费点播系统。您可以使用本模板在5分钟内搭建完成一个出售视频的网站，轻松赚取睡后收入。</p>    
            <div>
                <img  src="img/aHROc.png" class="w-100"  alt="">
            </div>
        </div>
        <div class="col-lg-9  col-md-12 mb-5 auto text">
            <div class="my-5">
                <span class="text">技术团队</span>
                <span class="text2 text-center">/</span>
                <span class="text2 text-center">TEAM</span>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><div>
                    <div class="bg box ">
                        <div class="one">
                            <table></table>
                                <div class="text-center mt-5">
                                    <img src="img/touxiang.png" class="rounded-circle" alt="">
                                    <div class="mt-3">
                                        <span class="text3">团队成员</span>
                                        <span class="text4">CEO</span>
                                    </div>
                                    <img src="img/tubiao.png" alt="">
                                    </div>
                                    <p class="text5 text-left mb-5 px-4">我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。</p>
                                
                        </div>
                    </div>
                </div>    
            </div>
                  <div class="swiper-slide"><div>
                    <div class="bg box ">
                        <div class="one">
                            <table></table>
                                <div class="text-center mt-5">
                                    <img src="img/touxiang.png" class="rounded-circle" alt="">
                                    <div class="mt-3">
                                        <span class="text3">团队成员</span>
                                        <span class="text4">CEO</span>
                                    </div>
                                    <img src="img/tubiao.png" alt="">
                                    </div>
                                    <p class="text5 text-left mb-5 px-4">我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。</p>
                               
                        </div>
                    </div>
                </div>    
            </div>
                  <div class="swiper-slide"><div>
                    <div class="bg box ">
                        <div class="one">
                            <table></table>
                                <div class="text-center mt-5">
                                    <img src="img/touxiang.png" class="rounded-circle" alt="">
                                    <div class="mt-3">
                                        <span class="text3">团队成员</span>
                                        <span class="text4">CEO</span>
                                    </div>
                                    <img src="img/tubiao.png" alt="">
                                    </div>
                                    <p class="text5 text-left mb-5 px-4">我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。</p>
                                
                        </div>
                    </div>
                </div>    
            </div>
                  
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
              </div> 
        </div>
    </div>
</div>
<script src="js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
      var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });
  </script>
<!--引入公共底部-->
<div id="footer"></div>
</body>
<script>
    //使用ajax引入静态页面
    $(function(){
        $.ajax({
            url:"header.html",
            context:document.body,
             success: function(sView){
           $("#header").append($(sView));      
        }});
        $.ajax({
            url:"footer.html",
            context:document.body,
             success: function(sView){
           $("#footer").append($(sView));          
        }});
    })
</script>
</html>